<div class="total" id="_j_total_text">共 <span><em>${pageInfo.total!}</em></span> 家酒店</div>
<#list pageInfo.list as h>
<div class="hotel-item clearfix _j_hotel_item" data-id="25061" data-is-merge_room="0" data-name="${h.name!}"
     data-lat="23" data-lng="113" data-is-airbnb="0" data-cs-t="酒店list页点击入口分布">
    <div class="hotel-pic">
        <a href="https://hotels.ctrip.com/hotel/${h.ctripName!}.html" class="_j_hotel_info_link" target="_blank" data-cs-p="图片">
            <img src="${h.coverUrl!}"
                 alt="${h.name!}" style="width: 330px;">
        </a>

    </div>
    <div class="hotel-title">
        <div class="title">
            <h3><a href="https://hotels.ctrip.com/hotel/${h.ctripName!}.html" class="_j_hotel_info_link" target="_blank"
                   title="${h.name!} ${h.english!}" data-cs-p="标题">${h.name!}</a></h3>
            <br>
            <span>${h.english!}</span>
            <span class="hotel-rate rate${h.star!}"></span>
        </div>
    </div>
    <div class="hotel-info ">
        <ul class="nums clearfix">
            <li class="rating rating2">
                <em>${h.score!}</em>分
                <br><strong>${h.scoreLevel!}</strong>
            </li>
            <li><a href="https://hotels.ctrip.com/hotel/${h.ctripName!}.html" class="_j_hotel_info_link"
                   target="_blank"><em>${h.comment!}条</em><br>蜂蜂评价</a></li>
            <li class="split"></li>
            <li><a href="/q?type=2&keyword=${h.name!}" class="_j_hotel_info_link"
                   target="_blank"><em>${h.hot!}篇</em><br>游记提及</a></li>
        </ul>
        <p class="summary" title="${h.summary!}">${h.summary!}
        </p>
        <div class="location">
                        <span><i class="icon-location"></i>位于: <a href="#kwSearchForm" data-id="${h.area.id!}"
                                                                  data-type="area">${h.area.name!}</a></span>
        </div>

    </div>
    <div class="hotel-btns">
        <a class="btn-booking "
           href="https://www.booking.com/hotel/${h.bookingName!}.zh-cn.html"
           rel="nofollow" style="" data-ota="booking" data-price="${h.bookingPrice!}" data-is-cache-price="1"
           data-is-sold-out="0" data-pay-type="">
            <div class="ota">
                <div class="name">
                    <strong><img src="http://images.mafengwo.net/images/hotel/ota/booking_w100h20_2x_2.png"
                                 height="20" width="100"></strong>


                </div>
                <p class="tips" style="display:none;"></p>
            </div>
            <div class="price _j_booking_price">
                <strong>￥</strong><strong>${h.bookingPrice!}</strong><strong
                    style="font-size: 12px;color: #666;padding-left: 2px;vertical-align: 1px;">起</strong>
                <i class="arrow"></i>
            </div>
            <div class="price _j_booking_sold_out" style="display:none;">
                <span>已售罄</span>
            </div>

        </a>
        <a class="btn-booking " href="https://hotels.ctrip.com/hotel/${h.ctripName!}.html" rel="nofollow" style="" data-ota="ctrip"
           data-price="${h.ctripPrice!}" data-is-cache-price="1" data-is-sold-out="0" data-pay-type="">
            <div class="ota">
                <div class="name">
                    <strong><img src="http://images.mafengwo.net/images/hotel/ota/ctrip_w100h20_2x_2.png"
                                 height="20" width="100"></strong>


                </div>
                <p class="tips" style="display:none;"></p>
            </div>
            <div class="price _j_booking_price">
                <strong>￥</strong><strong>${h.ctripPrice!}</strong><strong
                    style="font-size: 12px;color: #666;padding-left: 2px;vertical-align: 1px;">起</strong>
                <i class="arrow"></i>
            </div>
            <div class="price _j_booking_sold_out" style="display:none;">
                <span>已售罄</span>
            </div>

        </a>

    </div>
</div>
</#list>
<#include "../common/page.ftl">